/* div{border:1px solid #000}  */
body{
	background:url(/img/bg2.jpg) repeat;
	font-family:"Times New Roman",Microsoft YaHei,LiHei Pro Medium,Georgia,Serif;

}
/* login and register*/
.lo_top{
	width:960px;
	height:220px;
	margin:0 auto
}
.qh{
	padding:20px 0 20px 0;
	width:280px;
	height:80px;
	float:right;
}
.qh_bo{
	color:#45BCD2;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	line-height:50px;
	width:112px;
	height:50px;
	margin-left:20px;
	background:url(/img/qh_button.png) no-repeat;
}
.qh a:hover{
	color:#45bcd2;
	background-position:0 -52px;
}
.qh a:active{
	color:#45bcd2;
	background-position:0 -104px;
}

.login_lo{
	width:345px;
	height:60px;
	padding:140px 0 0 55px;
	float:right
}
.login_logo{
	height:180px;
	width:400px;
	float:right
}
.pa_login{
	width:300px;
	height:300px;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
}
.pa{
	width:140px;
}
.lo_in{
	width:250px;
	height:40px;
	background:#f7f7f7;
	border:1px solid #dcdcdc;
	margin:10px auto;
}


.input_ico{
	width:40px;
	height:40px;
	background:url(/img/login_bg.png) no-repeat;
}

.fouse{
	background-position:0 -37px;
}
.mail_pw{
	width:190px;
	height:18px;
	font-size:16px;
	background:#f7f7f7;
	padding:10px;
	margin-bottom:15px;
}


.lo_re_bo{
	text-align:center;
	width:250px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	background:url(/img/lo_re_button.png) no-repeat;
}
.login_button a:hover{
	background-position:0 -41px;
	color:#f7f7f7;
}
.login_button a:active{
	background-position:0 -83px;
	color:#f7f7f7;
}
.login_button input:hover{
	background-position:0 -41px;
	color:#f7f7f7;
}
.login_button input:active{
	background-position:0 -83px;
	color:#f7f7f7;
}


.for{
	color:#787878;
}
.login_help{
	width:300px;
	height:20px;
	margin:15px auto;
	
}


.waterfall_comm_box{
	width:140px;
	height:30px;
	resize:none;
	border:1px solid gainsboro;
	overflow:hidden;
}
.water_sub{
	text-align:center;
	text-shadow: 0 1px rgba(255, 255, 255, 0.9);
	line-height:30px;
	color:#777;
	margin:10px 0 0 0 ;
	height:30px;
	width:42px;
	background:url(/img/care.png) no-repeat;
}
a:hover.water_sub{
	background-position:0 -30px;
}
a:active.water_sub{
	background-position:0 -60px;	
}
.actions{
	width:140px;
}
.action_btn{
	text-shadow: 0 1px rgba(255, 255, 255, 0.9);
	color:#777;
	float:left;
	cursor:pointer;
	font-size:12px;
	margin:0 11px 0 11px;
}
.waterfall_comm_form{
	border-top:1px solid gainsboro;
	border-bottom:1px solid gainsboro;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:2px;
}

.js_inputTips{
	left:0px;
	top:10px;
}

/*  user_massage  */
.user_ico{
	width:960px;
	height:30px;
	padding:10px 0;
	margin:auto;
}
.u_ico{
	width:30px;
	height:30px;
	float:left
}
.user_ico p{
	height:17px;
	padding:6px;
	font-size:16px;
	font-weight:bold;
	color:#545454;
	float:left
}
.user_main{
	width:960px;
	height:700px;
	background:#fff;
	margin:auto
}
.user_menu{
	width:240px;
	height:700px;
	background:#f7f7f7;
	float:left
}
.title{
	width:230px;
	height:30px;
	padding:5px;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	background:#3db3c9 url(/img/title.jpg) repeat;
	float:left
}
.title_current{
	background:#e8e8e8;
}
.user_menu ul{
	width:240px;
	height:120px;
	color:#3db3c9;
	font-size:14px;
	text-align:center;
	line-height:30px;
	float:left；	
}
.user_menu ul li{
	width:240px;
	height:40px;
	float:left；
}
.user_menu ul li a{
	color:#3db3c9;
	width:230px;
	height:30px;
	padding:5px;
	float:left；
}
.user_menu ul li a:hover{
	background:#e8e8e8;
}
.user_message{
	width:620px;
	height:600px;
	padding:50px;
	float:left
}
.user_me_head{
	width:620px;
	height:70px;
	float:left
}
.user_me_head h3{
	font-size:16px;
	padding-bottom:5px;
	border-bottom:1px solid #e8e8e8;
}

.user_me_head p{
	font-size:12px;
	color:#888888
}
.me_info{
	width:618px;
	height:470px;
	float:left;
}
.me_info ul{
	width:618px;
	padding-bottom:10px;
	float:left;
}
.me_info ul li{
	font-size:14px;
	width:618px;
	height:hidden;
	margin-bottom:10px;
	float:left
}
.a{
	color:#5454545;
	width:100px;
	height:40px;
	line-height:40px;
	float:left;
	text-align:right;
}
.b{
 line-height:40px;
}
.me_input{
	font-size:18px;
	width:280px;
	height:18px;
	padding:10px;
	border:1px solid;
	border-color: #efefef #dcdcdc #dcdcdc #efefef;
}
.me_input input{
	width:270px;
	height:17px;
	float:left
}
.me_in{
	width:260px;
	height:40px;
	font-size:16px;
	float:left
}
.me_text{
	width:280px;
	height:80px;
	padding:10px;
	border:1px solid;
	border-color: #efefef #dcdcdc #dcdcdc #efefef;	
}
.sns-radio{
	display: inline-block;
	line-height: 30px;
	margin-right: 6px;
}
.save{
	margin-left:100px;
	text-align:center;
	line-height:40px;
	display:inline;
	float:left
}
.save input:hover{
	color:#f7e7e7;
	background-position:0 -43px;	
}
.save input:active{
	color:#f7f7f7;
	background-position:0 -86px;
}
.sa_co{
	width:300px;
	height:50px;
	margin-left:-20px;
	display:inline;
	float:left
}
.head_save{
	width:125px;
	height:50px;
	float:left;
}
.head_save input:hover{
	color:#45bcd2;
	background-position:0 -52px;
}
.head_save input:active{
	color:#45bcd2;
	background-position:0 -104px;
}
.me_he_img{
	width:330px;
	height:210px;
	padding:50px;
	margin:20px 0;
	border:1px solid;
	border-color: #efefef #dcdcdc #dcdcdc #efefef;		
}
.img_b{

	float:left;
	margin-right:20px;
}
.img_s{
	width:100px;
	height:200px;
	float:left
}
.img_s p{
	font-size:12px;
	color:#888888;
	margin:2px 0 5px 0;
}

/* 	waterfall	 */
.waterfall_main{
	width:960px;
	margin:0 auto;
	margin-bottom:20px;
}
 .waterfall{
	width:140px;
	padding:0;
	margin:2px;
	background-color:#fff;
	border:1px solid;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	border-color:#efefef #dcdcdc #dcdcdc #efefef
	
 }
 .waterfall h1{
	color:#545454;
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
}
.care_button{
	width:210px;
	height:40px;
	line-height:40px;
	color:#fff;
	background:url(/img/user_info_button.png) no-repeat;
	text-align:center;
	margin-bottom:20px
}
.waterfall_img_warp{
	padding:5px;
}
.android_img{
	width:129px;
}
.waterfall_img{
	width:190px;
	height:auto;
}
.user_infos{
	margin:10px -10px -10px -10px;
	height:auto;
	float:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #dcdcdc;
	background:#f7f7f7;
}
.user_heads{
	height:40px;
	width:40px;
	margin-right:10px;
}
.user_names{
	font-size:14px;
	font-weight:bold;
	color:#888;
	line-height:1.5em;
}
.publish_name{
	font-size:12px;
	line-height:1.5em;
	color:#999;
}
.user_comments{
	width:210px;
	height:hidden;
	padding:10px;
	margin:10px -10px -10px -10px;
	background:#787878;
	
	
}
.other_user_coment{
	width:130px;
	height:hidden;
	float:left
	
}
.other_user_coments{
	word-wrap:break-word;
	word-break:normal;
} 
.waterfall_more{
	line-height:20px;
	color:#787878;
	background::#f7f7f7;
	margin:10px -5px -10px -15px;
	display:inline;
	width:200px;
	padding:10px 20px;
	height:20px;
	float:left;
}


/* user_page */
.user_page_info{
	width:190px;
	padding:10px 20px;
	height:360px;
	background:#fff;
	border:1px solid #dcdcdc;
	float:left
}
.user_page_info a{
	width:70px;
	height:15px;
	float:left;
	font-size:12px;
	margin:0 10px 15px 0;
}
.user_page_info .care_button{
	margin:10px;
	width:190px;
	height:28px;
	background:url(../img/)
}
.owner_photos{
	font-weight:bold;
	font-size:15px;
	line-height:30px;
	height:30px;
}
.owner_photos a{
	color:#777;
}
.owner_in{
	width:190px;
	font-size:14px;
	color:#545454;
	float:left;
}


/* user_album  */
.al_title{
	font-size:14px;
	color:#888;
	font-weight:bold;
}
.al_po{
	width:63px;
	height:63px;
	margin:0 5px 5px 0;
	border:1px solid #efefef;
	float:left;
}

/* water_fall */
#stage{ margin:0 auto; padding:0; width:960px;margin-top:20px; }
#stage li{ margin:0; padding:0; list-style:none;float:left; width:146px;}
.user_infos{ font-size:10px; color:#999999;}

/* close */
.close{
	top:5px;
	right:5px;
	position:absolute;
	cursor:pointer;
}


.photo_owner , .waterfall , .owner_name a:visited{
	color:#545454;
}
h1 a:visited{
	color:#888;
}
.post_input a{
	color:#545454;
}
.edit_img{
	width:340px;
	padding-right:60px;
	float:left;
}
.edit{
	width:320px;
	margin-bottom:10px;
	padding:20px;
	background:#f7f7f7;
	border:1px solid #dcdcdc;
	float:left;
	text-align:center;
}
.w330{
	width:330px;
}
